ul.dropdown ul {
    left: -9999px; /* XXX first level items out of
            screen for the lists not to overlap */

    visibility: hidden; /* debug */
}

ul.dropdown li:hover > ul {
 left: 0;
 top: 100%; /* XXX */
}

ul.dropdown ul li > ul{
  
}

ul.dropdown ul li:hover > ul{
  top: 0;
  left: 99%;
}

